paddForm()
function paddForm() {
    axios.get('/my/userinfo').then(({ data: res }) => {
        console.log(res.data)

        // formFilter 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
        form.val('formFilter', res.data)
    })
}

// 给表单赋值
let form = layui.form
let layer = layui.layer

// ==================== 表单校验 ====================
form.verify({
    nickname: function (value, item) {
        // value：表单的值、item：表单的DOM对象
        // 昵称长度是2-6字符
        if (value.length < 2 || value.length > 6) {
            return '昵称长度是2-6字符'
        }
    },
})

// ==================== 更新用户的基本信息; ====================
$('#form').on('submit', function (e) {
    e.preventDefault()

    // 来收集表单数据
    let data = $(this).serialize()
    // console.log(data);

    // 提交
    axios.post('/my/userinfo', data).then(({ data: { status, message } }) => {
        if (status !== 0) {
            // 修改失败
            return layer.msg(message)
        }

        // 修改用户信息成功之后，做的事情
        // 1. 提示用户
        layer.msg(message)
        // 2. 更新index页面中的昵称  ==> window.parent（父页面index里面的getUserInfo函数）
        window.parent.getUserInfo()
    })
})

// ==================== 重置表单信息 ====================
$('#btnReset').on('click', function (e) {
    // 重置按钮，会把表单的内容清空掉（默认功能）
    e.preventDefault()

    // 重置 ==> 恢复成用户原本的信息 ==> 重新发送ajax请求获取用户信息填充到表单中
    paddForm()
})
